<template>
<div class="container">
  <homeCard :has-more="false">
    <span slot="title">
      <i class="iconfont icon-woderenwu home-card-title-i"></i>
      <span class="home-card-title">消息中心</span>
    </span>
    <div class="card1">
      <img src="../../../assets/card1.png" alt="">
      <div class="label">
        <span class="name">{{ userInfo.name }} <span class="logout" @click="goOut">注销</span></span>
        <span class="time">上次登录时间：{{ userInfo.lastLogin }}</span>
      </div>
    </div>
    <div class="bot">
      <div class="card card2 img1" @click="$router.push({name:'messageTodo'})">
        <div class="top">
          <div class="svgBox flex-center">
          <svg t="1690168830225" class="iconsvg" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3574" ><path d="M886.92736 920.59648l-560.57856 52.69504-189.27616-158.08512 560.57856-52.69504z" fill="#EFF6FE" p-id="3575"></path><path d="M8.45824 653.90592l0.04096-44.66688c0 1.2288 0.69632 2.47808 2.17088 3.70688L10.62912 657.6128c-1.47456-1.2288-2.17088-2.47808-2.17088-3.70688" fill="#EAF4FE" p-id="3576"></path><path d="M987.52512 794.91072l0.04096-44.66688c2.62144-0.24576 5.09952-0.55296 7.41376-0.94208l-0.04096 44.66688a102.83008 102.83008 0 0 1-7.41376 0.94208M994.93888 793.98912l0.04096-44.66688c1.8432-0.3072 3.584-0.63488 5.2224-1.00352l-0.04096 44.66688c-1.6384 0.36864-3.3792 0.69632-5.2224 1.00352" fill="#EAF4FE" p-id="3577"></path><path d="M1000.16128 792.9856l0.04096-44.66688c1.18784-0.26624 2.31424-0.55296 3.39968-0.86016l-0.04096 44.66688a63.22176 63.22176 0 0 1-3.39968 0.86016" fill="#EAF4FE" p-id="3578"></path><path d="M1003.54048 792.12544l0.04096-44.66688c0.86016-0.24576 1.67936-0.49152 2.43712-0.75776l-0.04096 44.66688a43.43808 43.43808 0 0 1-2.43712 0.75776M1005.99808 791.36768l0.04096-44.66688c0.65536-0.22528 1.29024-0.45056 1.88416-0.69632l-0.04096 44.66688c-0.59392 0.24576-1.2288 0.47104-1.88416 0.69632" fill="#EAF4FE" p-id="3579"></path><path d="M1007.88224 790.67136l0.04096-44.66688a26.624 26.624 0 0 0 1.536-0.65536l-0.04096 44.66688a18.2272 18.2272 0 0 1-1.536 0.65536" fill="#EAF4FE" p-id="3580"></path><path d="M1009.41824 790.016l0.04096-44.66688 1.29024-0.63488-0.04096 44.66688c-0.38912 0.22528-0.83968 0.43008-1.29024 0.63488" fill="#EAF4FE" p-id="3581"></path><path d="M1010.70848 789.38112l0.04096-44.66688a14.21312 14.21312 0 0 0 1.10592-0.63488l-0.04096 44.66688a14.21312 14.21312 0 0 1-1.10592 0.63488M1011.8144 788.76672l0.04096-44.66688a15.1552 15.1552 0 0 0 0.94208-0.63488l-0.04096 44.66688-0.94208 0.63488" fill="#EAF4FE" p-id="3582"></path><path d="M1012.75648 788.13184l0.04096-44.66688a6.144 6.144 0 0 0 0.77824-0.63488l-0.04096 44.66688a11.6736 11.6736 0 0 1-0.77824 0.63488" fill="#EAF4FE" p-id="3583"></path><path d="M1013.53472 787.49696l0.04096-44.66688c0.24576-0.2048 0.45056-0.43008 0.65536-0.63488l-0.04096 44.66688a4.83328 4.83328 0 0 1-0.65536 0.63488M1014.19008 786.86208l0.04096-44.66688a7.4752 7.4752 0 0 0 0.53248-0.65536l-0.04096 44.66688c-0.16384 0.22528-0.32768 0.45056-0.53248 0.65536" fill="#EAF4FE" p-id="3584"></path><path d="M1014.72256 786.20672l0.04096-44.66688a5.9392 5.9392 0 0 0 0.4096-0.67584l-0.04096 44.66688c-0.12288 0.22528-0.24576 0.45056-0.4096 0.67584" fill="#EAF4FE" p-id="3585"></path><path d="M1015.13216 785.53088l0.04096-44.66688a3.23584 3.23584 0 0 0 0.26624-0.69632l-0.04096 44.66688a7.00416 7.00416 0 0 1-0.26624 0.69632" fill="#EAF4FE" p-id="3586"></path><path d="M1015.37792 784.83456l0.04096-44.66688a4.87424 4.87424 0 0 0 0.12288-0.75776l-0.04096 44.66688a2.3552 2.3552 0 0 1-0.12288 0.75776" fill="#EAF4FE" p-id="3587"></path><path d="M1015.5008 784.0768l0.04096-44.66688v-0.1024l-0.04096 44.66688v0.1024" fill="#EAF4FE" p-id="3588"></path><path d="M10.62912 657.6128l0.04096-44.66688 233.45152 194.94912-0.04096 44.66688z" fill="#CBE4FE" p-id="3589"></path><path d="M296.20224 859.89376l0.04096-44.66688 691.32288-64.98304-0.04096 44.66688z" fill="#EAF4FE" p-id="3590"></path><path d="M244.08064 852.56192l0.04096-44.66688c1.82272 1.536 4.68992 2.88768 8.27392 4.01408l-0.04096 44.66688a24.4736 24.4736 0 0 1-8.27392-4.01408" fill="#EAF4FE" p-id="3591"></path><path d="M252.33408 856.59648l0.04096-44.66688c0.94208 0.28672 1.90464 0.57344 2.94912 0.83968l-0.04096 44.66688a74.38336 74.38336 0 0 1-2.94912-0.83968M255.2832 857.43616l0.04096-44.66688c0.83968 0.22528 1.69984 0.43008 2.58048 0.6144l-0.04096 44.66688a247.1936 247.1936 0 0 1-2.58048-0.6144M257.86368 858.05056l0.04096-44.66688 2.41664 0.49152-0.04096 44.66688-2.41664-0.49152M260.28032 858.54208l0.04096-44.66688 2.31424 0.4096-0.04096 44.66688-2.31424-0.4096" fill="#EAF4FE" p-id="3592"></path><path d="M262.59456 858.9312l0.04096-44.66688 2.2528 0.34816-0.04096 44.66688a74.1376 74.1376 0 0 1-2.2528-0.34816M264.84736 859.27936l0.04096-44.66688 2.21184 0.28672-0.04096 44.66688a64.8192 64.8192 0 0 1-2.21184-0.28672" fill="#EAF4FE" p-id="3593"></path><path d="M267.0592 859.56608l0.04096-44.66688 2.21184 0.24576-0.04096 44.66688-2.21184-0.24576M269.27104 859.81184l0.04096-44.66688 2.21184 0.2048-0.04096 44.66688a80.65024 80.65024 0 0 1-2.21184-0.2048M271.48288 860.01664l0.04096-44.66688 2.23232 0.16384-0.04096 44.66688a81.77664 81.77664 0 0 1-2.23232-0.16384M273.73568 860.18048l0.04096-44.66688c0.73728 0.04096 1.47456 0.1024 2.23232 0.12288l-0.04096 44.66688a39.64928 39.64928 0 0 1-2.23232-0.12288" fill="#EAF4FE" p-id="3594"></path><path d="M275.94752 860.32384l0.04096-44.66688 2.23232 0.1024-0.04096 44.66688a81.36704 81.36704 0 0 0-2.23232-0.1024" fill="#EAF4FE" p-id="3595"></path><path d="M278.17984 860.40576l0.04096-44.66688 2.23232 0.06144-0.04096 44.66688-2.23232-0.06144M280.41216 860.4672l0.04096-44.66688 2.21184 0.02048-0.04096 44.66688-2.21184-0.02048" fill="#EAF4FE" p-id="3596"></path><path d="M282.624 860.48768l0.04096-44.66688h2.2528l-0.04096 44.66688h-2.2528" fill="#EAF4FE" p-id="3597"></path><path d="M284.8768 860.48768l0.04096-44.66688 2.37568-0.04096-0.04096 44.66688-2.37568 0.04096M287.25248 860.44672l0.04096-44.66688 2.62144-0.1024-0.04096 44.66688-2.62144 0.1024" fill="#EAF4FE" p-id="3598"></path><path d="M289.87392 860.34432l0.04096-44.66688a121.4464 121.4464 0 0 0 3.91168-0.24576l-0.04096 44.66688a125.27616 125.27616 0 0 1-3.91168 0.24576" fill="#EAF4FE" p-id="3599"></path><path d="M293.7856 860.09856l0.04096-44.66688 2.41664-0.2048-0.04096 44.66688-2.41664 0.2048" fill="#EAF4FE" p-id="3600"></path><path d="M987.56608 750.24384l-691.32288 64.98304c-21.52448 2.02752-44.8512-1.24928-52.1216-7.33184L10.67008 612.92544c-7.2704-6.06208 4.28032-12.63616 25.8048-14.6432l691.32288-64.98304c21.504-2.02752 44.87168 1.26976 52.1216 7.33184l233.45152 194.9696c7.2704 6.06208-4.3008 12.63616-25.8048 14.6432z" fill="#DFEEFE" p-id="3601"></path><path d="M784.46592 698.94144L365.79328 738.304l-141.37344-118.0672 418.67264-39.36256z" fill="#7DBEFE" p-id="3602"></path><path d="M753.41824 345.21088l-47.45216-25.82528a140.88192 140.88192 0 0 0-8.64256-5.12l47.45216 25.82528c2.94912 1.61792 5.8368 3.31776 8.64256 5.12" fill="#A2D0FF" p-id="3603"></path><path d="M686.24384 77.14816l-47.45216-25.82528a59.5968 59.5968 0 0 1 23.22432 1.18784l47.45216 25.82528a59.57632 59.57632 0 0 0-23.22432-1.18784M709.48864 78.336l-47.45216-25.82528c3.72736 0.96256 7.31136 2.29376 10.71104 3.95264l47.45216 25.82528a56.81152 56.81152 0 0 0-10.71104-3.95264" fill="#A2D0FF" p-id="3604"></path><path d="M720.19968 82.30912l-47.45216-25.82528 2.06848 1.06496 47.45216 25.82528a65.41312 65.41312 0 0 0-2.06848-1.06496" fill="#A2D0FF" p-id="3605"></path><path d="M326.656 687.39072l-47.45216-25.82528c-18.96448-10.32192-31.58016-31.39584-31.5392-57.30304l47.45216 25.82528c-0.04096 25.9072 12.57472 47.0016 31.5392 57.30304" fill="#A2D0FF" p-id="3606"></path><path d="M363.7248 122.4704l-47.45216-25.8048 322.51904-45.34272 47.45216 25.82528z" fill="#A2D0FF" p-id="3607"></path><path d="M295.1168 630.08768l-47.45216-25.82528 0.77824-425.04192 47.45216 25.82528z" fill="#A2D0FF" p-id="3608"></path><path d="M295.89504 205.04576l-47.45216-25.82528c0.02048-9.85088 1.86368-19.49696 5.18144-28.5696l47.45216 25.82528a83.59936 83.59936 0 0 0-5.18144 28.5696M301.09696 176.47616l-47.45216-25.82528c1.45408-3.93216 3.1744-7.76192 5.14048-11.42784l47.45216 25.82528a88.10496 88.10496 0 0 0-5.14048 11.42784M306.23744 165.04832l-47.45216-25.82528c1.67936-3.11296 3.52256-6.12352 5.55008-8.99072l47.45216 25.82528c-2.00704 2.8672-3.87072 5.87776-5.55008 8.99072" fill="#A2D0FF" p-id="3609"></path><path d="M311.78752 156.0576l-47.45216-25.82528c1.90464-2.72384 3.95264-5.3248 6.144-7.7824l47.45216 25.82528c-2.19136 2.4576-4.23936 5.05856-6.144 7.7824M317.93152 148.25472l-47.45216-25.82528c2.19136-2.47808 4.5056-4.83328 6.9632-7.02464l47.45216 25.82528c-2.4576 2.19136-4.77184 4.54656-6.9632 7.02464" fill="#A2D0FF" p-id="3610"></path><path d="M324.87424 141.23008l-47.45216-25.82528c2.62144-2.3552 5.36576-4.52608 8.23296-6.51264l47.45216 25.82528c-2.8672 1.98656-5.61152 4.15744-8.23296 6.51264M333.1072 134.71744l-47.45216-25.82528c3.50208-2.41664 7.18848-4.54656 10.99776-6.3488l47.45216 25.82528a78.52032 78.52032 0 0 0-10.99776 6.3488" fill="#A2D0FF" p-id="3611"></path><path d="M344.10496 128.38912l-47.45216-25.82528c6.22592-2.92864 12.8-4.95616 19.61984-5.89824l47.45216 25.8048a68.54656 68.54656 0 0 0-19.61984 5.91872" fill="#A2D0FF" p-id="3612"></path><path d="M686.24384 77.14816c37.21216-5.2224 67.62496 23.36768 67.54304 63.54944l-0.38912 204.53376c-27.79136-17.8176-61.89056-25.84576-98.83648-20.66432-93.2864 13.1072-169.08288 105.3696-169.2672 206.06976-0.1024 59.61728 26.3168 108.81024 67.21536 136.31488l-189.89056 26.68544c-37.21216 5.2224-67.62496-23.36768-67.54304-63.54944l0.79872-425.04192c0.08192-40.18176 30.59712-77.33248 67.82976-82.57536l322.53952-45.32224z" fill="#4CA7FF" p-id="3613"></path><path d="M680.1408 374.19008l-48.70144-26.48064a123.51488 123.51488 0 0 1 48.3328 2.47808l48.70144 26.48064a123.51488 123.51488 0 0 0-48.3328-2.47808M728.4736 376.64768l-48.70144-26.48064c7.72096 1.98656 15.09376 4.73088 22.09792 8.17152l48.70144 26.48064a115.56864 115.56864 0 0 0-22.09792-8.17152" fill="#A2D0FF" p-id="3614"></path><path d="M750.57152 384.8192l-48.70144-26.48064c1.4336 0.69632 2.8672 1.4336 4.25984 2.21184l48.70144 26.48064c-1.39264-0.77824-2.82624-1.49504-4.25984-2.21184" fill="#A2D0FF" p-id="3615"></path><path d="M604.85632 663.32672l-48.70144-26.48064c-39.09632-21.25824-64.98304-64.77824-64.88064-118.4768a173.83424 173.83424 0 0 1 10.77248-59.45344l48.70144 26.48064a173.6704 173.6704 0 0 0-10.77248 59.45344c-0.1024 53.69856 25.78432 97.21856 64.88064 118.4768M550.74816 485.39648l-48.70144-26.48064c2.9696-8.11008 6.53312-15.9744 10.58816-23.53152l48.70144 26.48064a182.64064 182.64064 0 0 0-10.58816 23.53152M561.33632 461.84448l-48.70144-26.48064c3.44064-6.38976 7.24992-12.57472 11.38688-18.47296l48.70144 26.48064c-4.11648 5.91872-7.94624 12.0832-11.38688 18.47296M572.74368 443.37152l-48.70144-26.48064c3.91168-5.57056 8.11008-10.91584 12.5952-15.9744l48.70144 26.48064a179.9168 179.9168 0 0 0-12.5952 15.9744" fill="#A2D0FF" p-id="3616"></path><path d="M585.33888 427.39712l-48.70144-26.48064c4.5056-5.09952 9.25696-9.91232 14.27456-14.41792l48.70144 26.48064c-5.0176 4.5056-9.78944 9.3184-14.27456 14.41792M599.61344 412.9792L550.912 386.47808c5.36576-4.83328 11.01824-9.3184 16.91648-13.39392l48.70144 26.48064c-5.89824 4.096-11.55072 8.58112-16.91648 13.4144" fill="#A2D0FF" p-id="3617"></path><path d="M616.52992 399.58528l-48.70144-26.48064a157.98272 157.98272 0 0 1 22.7328-13.1072l48.70144 26.48064a157.98272 157.98272 0 0 0-22.7328 13.1072" fill="#A2D0FF" p-id="3618"></path><path d="M639.24224 386.47808l-48.70144-26.48064a142.37696 142.37696 0 0 1 40.89856-12.288l48.70144 26.48064a142.56128 142.56128 0 0 0-40.89856 12.288" fill="#A2D0FF" p-id="3619"></path><path d="M680.1408 374.19008c77.23008-10.8544 139.73504 47.94368 139.59168 131.33824-0.16384 83.39456-62.91456 159.78496-140.14464 170.63936-77.27104 10.8544-139.776-47.94368-139.61216-131.33824 0.14336-83.37408 62.91456-159.78496 140.16512-170.63936z" fill="#4CA7FF" p-id="3620"></path><path d="M657.63328 173.19936c14.00832-1.86368 25.33376 8.192 25.31328 22.4256-0.02048 14.2336-11.40736 27.27936-25.41568 29.14304L401.8176 258.62144c-14.00832 1.86368-25.33376-8.192-25.31328-22.4256 0.02048-14.2336 11.40736-27.27936 25.41568-29.14304l255.71328-33.85344z" fill="#FFFFFF" p-id="3621"></path><path d="M538.5216 308.40832c13.29152-1.7408 24.02304 7.68 24.00256 21.03296-0.02048 13.35296-10.81344 25.6-24.10496 27.3408l-144.32256 18.90304c-13.29152 1.7408-24.02304-7.68-24.00256-21.03296 0.02048-13.35296 10.81344-25.6 24.10496-27.3408l144.32256-18.90304z" fill="#FFFFFF" p-id="3622"></path><path d="M775.49568 500.10112a21.36064 21.36064 0 0 0-26.09152-15.23712l-48.20992 12.63616v-66.94912a21.36064 21.36064 0 0 0-42.72128 0v94.63808l0.02048 0.45056a13.16864 13.16864 0 0 0 0.16384 2.27328 17.05984 17.05984 0 0 0 0.16384 1.00352l0.26624 1.2288 0.1024 0.45056 0.08192 0.22528c0.28672 1.04448 0.65536 2.06848 1.08544 3.05152l0.2048 0.43008c0.45056 0.96256 0.96256 1.88416 1.536 2.74432l0.12288 0.18432a22.28224 22.28224 0 0 0 4.46464 4.75136l0.49152 0.36864c0.8192 0.6144 1.67936 1.16736 2.60096 1.65888l0.1024 0.04096c0.90112 0.47104 1.8432 0.88064 2.82624 1.2288l0.43008 0.16384c0.94208 0.3072 1.92512 0.55296 2.92864 0.73728l0.67584 0.1024c0.96256 0.14336 1.92512 0.22528 2.92864 0.24576l0.18432 0.02048 0.32768-0.02048c0.7168-0.02048 1.4336-0.06144 2.1504-0.14336l0.69632-0.1024 1.90464-0.36864 0.34816-0.06144 74.99776-19.6608c11.38688-3.01056 18.2272-14.68416 15.21664-26.09152z" fill="#FFFFFF" p-id="3623"></path></svg>
          </div>
          <span class="num">{{unDoneNum}}</span>
          </div>

        <span class="bottom">待办消息</span>
      </div>
      <div class="card card2 img2" @click="$router.push({name:'messageDone'})">
        <div class="top">
          <div class="svgBox flex-center">
          <svg t="1690168792846" class="iconsvg" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3380" ><path d="M879.9232 924.11904l-550.0928 52.08064-185.7536-156.24192 550.0928-52.08064z" fill="#F0FCFA" p-id="3381"></path><path d="M17.85856 660.52096l0.04096-44.15488c0 1.20832 0.67584 2.4576 2.12992 3.66592l-0.04096 44.15488c-1.4336-1.20832-2.12992-2.4576-2.12992-3.66592" fill="#CAFCF2" p-id="3382"></path><path d="M978.6368 799.90784l0.04096-44.15488c2.58048-0.24576 4.99712-0.55296 7.2704-0.9216l-0.04096 44.15488c-2.27328 0.36864-4.7104 0.67584-7.2704 0.9216M985.9072 798.98624l0.04096-44.15488a88.064 88.064 0 0 0 5.12-0.98304l-0.04096 44.15488a114.85184 114.85184 0 0 1-5.12 0.98304" fill="#F5FFFD" p-id="3383"></path><path d="M991.0272 797.98272l0.04096-44.15488a88.064 88.064 0 0 0 3.33824-0.83968l-0.04096 44.15488a61.0304 61.0304 0 0 1-3.33824 0.83968" fill="#F5FFFD" p-id="3384"></path><path d="M994.36544 797.14304l0.04096-44.15488 2.39616-0.73728-0.04096 44.15488a86.91712 86.91712 0 0 1-2.39616 0.73728" fill="#F5FFFD" p-id="3385"></path><path d="M996.7616 796.38528l0.04096-44.15488 1.86368-0.67584-0.04096 44.15488c-0.59392 0.22528-1.2288 0.47104-1.86368 0.67584" fill="#F5FFFD" p-id="3386"></path><path d="M998.6048 795.70944l0.04096-44.15488c0.53248-0.2048 1.024-0.43008 1.51552-0.65536l-0.04096 44.15488a21.03296 21.03296 0 0 1-1.51552 0.65536M1000.12032 795.05408l0.04096-44.15488a18.35008 18.35008 0 0 0 1.26976-0.63488l-0.04096 44.15488a14.66368 14.66368 0 0 1-1.26976 0.63488M1001.39008 794.43968l0.04096-44.15488 1.08544-0.6144-0.04096 44.15488-1.08544 0.6144" fill="#F5FFFD" p-id="3387"></path><path d="M1002.47552 793.8048l0.04096-44.15488a18.00192 18.00192 0 0 0 0.9216-0.6144l-0.04096 44.15488a18.00192 18.00192 0 0 1-0.9216 0.6144" fill="#F5FFFD" p-id="3388"></path><path d="M1003.37664 793.1904l0.04096-44.15488 0.77824-0.6144-0.04096 44.15488a8.6016 8.6016 0 0 1-0.77824 0.6144M1004.15488 792.576l0.04096-44.15488a6.18496 6.18496 0 0 0 0.63488-0.63488l-0.04096 44.15488a6.18496 6.18496 0 0 1-0.63488 0.63488M1004.81024 791.94112l0.04096-44.15488a4.64896 4.64896 0 0 0 0.512-0.63488l-0.04096 44.15488a6.9632 6.9632 0 0 1-0.512 0.63488" fill="#F5FFFD" p-id="3389"></path><path d="M1005.32224 791.30624l0.04096-44.15488a4.56704 4.56704 0 0 0 0.38912-0.65536l-0.04096 44.15488a4.56704 4.56704 0 0 1-0.38912 0.65536" fill="#F5FFFD" p-id="3390"></path><path d="M1005.71136 790.6304l0.04096-44.15488a4.07552 4.07552 0 0 0 0.26624-0.69632l-0.04096 44.15488a2.8672 2.8672 0 0 1-0.26624 0.69632" fill="#F5FFFD" p-id="3391"></path><path d="M1005.9776 789.93408l0.04096-44.15488a3.05152 3.05152 0 0 0 0.1024-0.73728l-0.04096 44.15488a3.05152 3.05152 0 0 1-0.1024 0.73728" fill="#F5FFFD" p-id="3392"></path><path d="M1006.08 789.1968l0.06144-44.15488v-0.1024l-0.06144 44.15488v0.1024" fill="#F5FFFD" p-id="3393"></path><path d="M19.98848 664.18688l0.06144-44.1344 229.0688 192.67584-0.04096 44.15488z" fill="#CAFCF2" p-id="3394"></path><path d="M300.2368 864.13312l0.04096-44.15488 678.4-64.22528-0.04096 44.15488z" fill="#F5FFFD" p-id="3395"></path><path d="M249.07776 856.8832l0.04096-44.15488c1.80224 1.51552 4.58752 2.84672 8.11008 3.97312l-0.04096 44.15488a24.6784 24.6784 0 0 1-8.11008-3.97312" fill="#F5FFFD" p-id="3396"></path><path d="M257.18784 860.85632l0.04096-44.15488c0.9216 0.28672 1.88416 0.57344 2.88768 0.83968l-0.04096 44.15488a70.8608 70.8608 0 0 1-2.88768-0.83968" fill="#F5FFFD" p-id="3397"></path><path d="M260.07552 861.67552l0.04096-44.15488 2.53952 0.6144-0.04096 44.15488a46.03904 46.03904 0 0 1-2.53952-0.6144M262.61504 862.28992l0.04096-44.15488 2.3552 0.49152-0.04096 44.15488a461.14816 461.14816 0 0 1-2.3552-0.49152M264.99072 862.78144l0.04096-44.15488 2.27328 0.4096-0.04096 44.15488-2.27328-0.4096" fill="#F5FFFD" p-id="3398"></path><path d="M267.24352 863.17056l0.04096-44.15488 2.21184 0.32768-0.04096 44.15488c-0.73728-0.08192-1.47456-0.2048-2.21184-0.32768M269.47584 863.51872l0.04096-44.15488 2.17088 0.28672-0.04096 44.15488-2.17088-0.28672" fill="#F5FFFD" p-id="3399"></path><path d="M271.64672 863.80544l0.04096-44.15488 2.17088 0.24576-0.04096 44.15488a690.5856 690.5856 0 0 1-2.17088-0.24576" fill="#F5FFFD" p-id="3400"></path><path d="M273.8176 864.03072l0.04096-44.15488 2.17088 0.2048-0.04096 44.15488a71.02464 71.02464 0 0 1-2.17088-0.2048M275.98848 864.23552l0.04096-44.15488 2.19136 0.16384-0.04096 44.15488a73.3184 73.3184 0 0 1-2.19136-0.16384M278.17984 864.39936l0.04096-44.15488 2.19136 0.12288-0.04096 44.15488a38.1952 38.1952 0 0 1-2.19136-0.12288M280.3712 864.54272l0.04096-44.15488 2.19136 0.1024-0.04096 44.15488a82.24768 82.24768 0 0 0-2.19136-0.1024" fill="#F5FFFD" p-id="3401"></path><path d="M282.56256 864.62464l0.04096-44.15488 2.19136 0.06144-0.04096 44.15488-2.19136-0.06144" fill="#F5FFFD" p-id="3402"></path><path d="M284.73344 864.68608l0.04096-44.15488 2.17088 0.02048-0.04096 44.15488-2.17088-0.02048M286.90432 864.70656l0.04096-44.15488h2.21184l-0.04096 44.15488h-2.21184" fill="#F5FFFD" p-id="3403"></path><path d="M289.11616 864.70656l0.04096-44.15488 2.33472-0.04096-0.04096 44.15488-2.33472 0.04096" fill="#F5FFFD" p-id="3404"></path><path d="M291.45088 864.6656l0.04096-44.15488 2.58048-0.1024-0.04096 44.15488-2.58048 0.1024M294.03136 864.5632l0.04096-44.15488c1.29024-0.06144 2.56-0.14336 3.85024-0.24576l-0.04096 44.15488a125.37856 125.37856 0 0 1-3.85024 0.24576" fill="#F5FFFD" p-id="3405"></path><path d="M297.86112 864.31744l0.04096-44.15488 2.37568-0.2048-0.04096 44.15488-2.37568 0.2048" fill="#F5FFFD" p-id="3406"></path><path d="M978.67776 755.75296l-678.4 64.22528c-21.13536 2.00704-44.01152-1.24928-51.15904-7.24992L20.04992 620.05248c-7.12704-6.00064 4.1984-12.47232 25.33376-14.47936l678.4-64.22528c21.0944-2.00704 44.032 1.24928 51.15904 7.24992l229.08928 192.69632c7.10656 5.98016-4.25984 12.47232-25.35424 14.45888z" fill="#DEFCF6" p-id="3407"></path><path d="M803.24608 705.04448l-444.55936 38.89152-150.09792-116.67456 444.55936-38.912z" fill="#73EFDA" p-id="3408"></path><path d="M741.4784 346.46016l-48.128-26.17344a144.75264 144.75264 0 0 0-8.76544-5.18144l48.128 26.17344c2.9696 1.61792 5.89824 3.33824 8.76544 5.18144" fill="#84F7E9" p-id="3409"></path><path d="M673.36192 74.60864l-48.128-26.17344a60.45696 60.45696 0 0 1 23.552 1.20832l48.128 26.17344a60.47744 60.47744 0 0 0-23.552-1.20832M696.91392 75.81696l-48.128-26.17344c3.7888 0.98304 7.41376 2.33472 10.87488 4.01408l48.128 26.17344a58.5728 58.5728 0 0 0-10.87488-4.01408" fill="#84F7E9" p-id="3410"></path><path d="M707.76832 79.85152L659.6608 53.6576l2.10944 1.08544 48.128 26.17344a103.19872 103.19872 0 0 0-2.12992-1.06496" fill="#84F7E9" p-id="3411"></path><path d="M308.69504 693.4528l-48.128-26.17344c-19.23072-10.46528-32.03072-31.8464-31.96928-58.12224l48.128 26.17344c-0.06144 26.27584 12.73856 47.67744 31.96928 58.12224" fill="#84F7E9" p-id="3412"></path><path d="M346.29632 120.58624l-48.128-26.19392 327.0656-45.95712 48.128 26.17344z" fill="#84F7E9" p-id="3413"></path><path d="M276.70528 635.33056l-48.128-26.17344 0.79872-431.02208 48.128 26.17344z" fill="#84F7E9" p-id="3414"></path><path d="M277.504 204.30848L229.376 178.13504c0.02048-9.97376 1.88416-19.78368 5.26336-28.95872l48.128 26.17344a84.8896 84.8896 0 0 0-5.26336 28.95872M282.76736 175.34976l-48.128-26.17344c1.47456-3.9936 3.21536-7.86432 5.2224-11.59168l48.128 26.17344a89.43616 89.43616 0 0 0-5.2224 11.59168" fill="#84F7E9" p-id="3415"></path><path d="M287.98976 163.75808l-48.128-26.17344c1.69984-3.15392 3.584-6.20544 5.632-9.1136l48.128 26.17344c-2.048 2.90816-3.93216 5.9392-5.632 9.1136M293.62176 154.624l-48.128-26.17344c1.92512-2.7648 4.01408-5.38624 6.22592-7.90528l48.128 26.17344c-2.21184 2.51904-4.3008 5.14048-6.22592 7.90528M299.84768 146.71872l-48.128-26.17344c2.23232-2.51904 4.58752-4.89472 7.04512-7.12704l48.128 26.17344a85.7088 85.7088 0 0 0-7.04512 7.12704" fill="#84F7E9" p-id="3416"></path><path d="M306.8928 139.59168l-48.128-26.17344c2.64192-2.37568 5.4272-4.58752 8.33536-6.59456l48.128 26.17344a87.87968 87.87968 0 0 0-8.33536 6.59456M315.24864 132.99712l-48.128-26.17344a77.6192 77.6192 0 0 1 11.1616-6.43072l48.128 26.17344c-3.8912 1.82272-7.61856 3.97312-11.1616 6.43072" fill="#84F7E9" p-id="3417"></path><path d="M326.38976 126.5664l-48.128-26.17344a69.0176 69.0176 0 0 1 19.90656-5.98016l48.128 26.17344a69.0176 69.0176 0 0 0-19.90656 5.98016" fill="#84F7E9" p-id="3418"></path><path d="M673.36192 74.60864c37.74464-5.30432 68.56704 23.69536 68.5056 64.43008l-0.38912 207.40096c-28.18048-18.06336-62.7712-26.2144-100.22912-20.95104-94.59712 13.29152-171.45856 106.86464-171.64288 208.95744-0.1024 60.45696 26.68544 110.34624 68.15744 138.24l-192.55296 27.05408c-37.74464 5.30432-68.56704-23.69536-68.5056-64.43008l0.79872-431.0016c0.08192-40.73472 31.0272-78.41792 68.77184-83.72224l327.08608-45.9776z" fill="#28EAC4" p-id="3419"></path><path d="M658.96448 384.06144l-48.128-26.17344a122.5728 122.5728 0 0 1 47.75936 2.43712l48.128 26.17344a122.9824 122.9824 0 0 0-47.75936-2.43712" fill="#84F7E9" p-id="3420"></path><path d="M706.72384 386.51904l-48.128-26.17344c7.61856 1.96608 14.92992 4.66944 21.85216 8.06912l48.128 26.17344a112.96768 112.96768 0 0 0-21.85216-8.06912" fill="#84F7E9" p-id="3421"></path><path d="M728.576 394.58816l-48.128-26.17344c1.41312 0.69632 2.82624 1.4336 4.21888 2.17088l48.128 26.17344a117.248 117.248 0 0 0-4.21888-2.17088" fill="#84F7E9" p-id="3422"></path><path d="M584.56064 669.83936l-48.128-26.17344c-38.62528-21.01248-64.22528-64.02048-64.12288-117.10464a171.74528 171.74528 0 0 1 10.6496-58.75712l48.128 26.17344a171.74528 171.74528 0 0 0-10.6496 58.75712c-0.1024 53.08416 25.47712 96.09216 64.12288 117.10464" fill="#84F7E9" p-id="3423"></path><path d="M531.08736 493.9776l-48.128-26.17344c2.94912-8.00768 6.4512-15.79008 10.46528-23.26528l48.128 26.17344a179.75296 179.75296 0 0 0-10.46528 23.26528M541.55264 470.71232l-48.128-26.17344a180.6336 180.6336 0 0 1 11.264-18.26816l48.128 26.17344c-4.096 5.85728-7.86432 11.96032-11.264 18.26816M552.81664 452.44416l-48.128-26.17344c3.87072-5.50912 8.02816-10.79296 12.45184-15.79008l48.128 26.17344a182.64064 182.64064 0 0 0-12.45184 15.79008" fill="#84F7E9" p-id="3424"></path><path d="M565.26848 436.65408l-48.128-26.17344a174.8992 174.8992 0 0 1 14.11072-14.25408l48.128 26.17344a174.8992 174.8992 0 0 0-14.11072 14.25408" fill="#84F7E9" p-id="3425"></path><path d="M579.35872 422.4l-48.128-26.17344c5.30432-4.77184 10.89536-9.19552 16.71168-13.23008l48.128 26.17344a171.6224 171.6224 0 0 0-16.71168 13.23008M596.09088 409.16992l-48.128-26.17344a157.3888 157.3888 0 0 1 22.46656-12.96384l48.128 26.17344c-7.82336 3.6864-15.31904 8.02816-22.46656 12.96384" fill="#84F7E9" p-id="3426"></path><path d="M618.53696 396.22656l-48.128-26.17344a141.23008 141.23008 0 0 1 40.42752-12.14464l48.128 26.17344c-14.04928 1.96608-27.62752 6.144-40.42752 12.14464" fill="#84F7E9" p-id="3427"></path><path d="M658.96448 384.06144c76.32896-10.73152 138.11712 47.39072 137.95328 129.80224-0.14336 82.41152-62.17728 157.94176-138.50624 168.6528-76.36992 10.73152-138.1376-47.39072-137.99424-129.80224 0.16384-82.39104 62.17728-157.9008 138.5472-168.6528z" fill="#28EAC4" p-id="3428"></path><path d="M636.70272 185.42592c13.84448-1.82272 25.04704 8.0896 25.00608 22.15936-0.02048 14.06976-11.264 26.97216-25.10848 28.79488l-252.74368 33.46432c-13.84448 1.82272-25.04704-8.0896-25.00608-22.15936 0.02048-14.06976 11.264-26.97216 25.10848-28.79488l252.74368-33.46432z" fill="#FFFFFF" p-id="3429"></path><path d="M519.00416 319.05792c13.12768-1.72032 23.7568 7.59808 23.71584 20.7872-0.02048 13.2096-10.69056 25.2928-23.81824 27.01312l-142.6432 18.67776c-13.12768 1.72032-23.7568-7.59808-23.71584-20.7872 0.02048-13.2096 10.69056-25.2928 23.81824-27.01312l142.6432-18.67776z" fill="#FFFFFF" p-id="3430"></path><path d="M738.44736 482.11968a21.11488 21.11488 0 0 0-29.85984 0.43008l-66.70336 68.68992-39.99744-39.99744a21.0944 21.0944 0 1 0-29.85984 29.85984l55.13216 55.13216 0.12288 0.1024 0.1024 0.12288c0.57344 0.55296 1.20832 0.98304 1.82272 1.45408 0.45056 0.34816 0.88064 0.77824 1.37216 1.08544 0.73728 0.47104 1.51552 0.8192 2.27328 1.20832 0.45056 0.22528 0.88064 0.512 1.35168 0.69632 0.90112 0.36864 1.8432 0.59392 2.78528 0.8192 0.36864 0.08192 0.7168 0.24576 1.10592 0.32768a21.34016 21.34016 0 0 0 7.94624 0.02048l0.1024-0.02048a22.05696 22.05696 0 0 0 7.41376-2.99008l0.2048-0.12288c1.08544-0.7168 2.10944-1.57696 3.072-2.51904l0.18432-0.14336 0.06144-0.08192 0.14336-0.14336 81.6128-84.0704a21.07392 21.07392 0 0 0-0.38912-29.85984z" fill="#FFFFFF" p-id="3431"></path></svg>
          </div>
          <span class="num">{{doneNum}}</span>
          </div>
        <span class="bottom">已办消息</span>
      </div>
    </div>
  </homeCard>
</div>
</template>

<script>
import homeCard from "@/views/Home/module/homeCard";
import autherConfig from "../../../../config/autherConfig";
export default {
  name: "msgCenter",
  computed:{
    unDoneNum(){
      return this.$store.getters.unDoneNum
    },
    doneNum(){
      return this.$store.getters.doneNum
    },
  },
  components:{
    homeCard
  },
  data(){
    return {
      userInfo:{},
    }
  },
  mounted() {
    this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
  },
  methods:{
    goOut(){
      $confirm('是否注销').then(res=>{
        sessionStorage.setItem('token','')
        let href = autherConfig.ip+'esc-sso/logout?service='+ encodeURIComponent(`${window.location.origin}/#/home`)
        // let localHref = encodeURIComponent(`${window.location.origin}/#/singleLogin`)
        // let href = `http://iam.jxsgkjt.com/esc-sso/oauth2.0/authorize?client_id=038999a4bbf8894b4588&response_type=code&redirect_uri=${localHref}`
        window.open(href,'_self')
      }).catch(err=>{
        console.log(666)
      })
    },
  },
}
</script>

<style scoped lang="less">

.container{
  width: 44.5rem;
  height: 48.7rem;
  .card{
    display: flex;
    flex-direction: column;
    .top{
      height: 100%;
      flex:1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .num{
        font-size: 4rem;
        display: inline-block;
        margin-top: 1.2rem;
        margin-bottom: -1.3rem;
        color: white;
      }
      .svgBox{
        width: 8.4rem;
        height: 8.4rem;
        background-color: white;
        border-radius: 100%;
        .iconsvg{
          width: 6.3rem;
          height: 6.3rem;
        }
      }

    }
    .bottom{
      height: 6.3rem;
      width: 100%;
      text-align: center;
      line-height: 6.3rem;
      font-size:1.9rem;
      color: #FFFFFF;
    }
  }
  .card1{
    width: 42.2rem;
    height: 14.3rem;
    background: linear-gradient(0deg, #DAE7FF, #90B1FF);
    border-radius: 16px;
    margin-bottom: 1.3rem;
    display: flex;
    align-items: center;
    img{
      width: 8.4rem;
      height: 8.4rem;
      border-radius: 50%;
      margin:  0 1.5rem;
    }
    .label{
      display: flex;
      flex-direction: column;
      .name{
        font-size: 2.4rem;
        font-weight: 500;
        color: #1E2B7B;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .logout{
          display: inline-block;
          color: white;
          font-size: 1.6rem;
          cursor: pointer;
          width: 5.3rem;
          text-align: center;
          height: 2.7rem;
          background: linear-gradient(0deg, #FA9100, #FF4200);
          border-radius: .5rem;
        }
      }
      .time{
        font-size:1.6rem;
        font-weight: 500;
        color: #7E85B2;
      }
    }
  }
  .bot{
    display: flex;
    justify-content: space-between;
    .card2{
      width: 19.7rem;
      height: 25.3rem;
      border-radius: 16px;
      cursor: pointer;
    }
    .img1{
      background-image: url("../../../assets/card1.png");
      background-size: 100% 100%;
    }
    .img2{
      background-image: url("../../../assets/card2.png");
      background-size: 100% 100%;
    }
  }
}
</style>